{% extends "base.html" %}

{% block title %}
Course - {{ course.name }}
{% endblock %}

{% block body %}
   <div class="jumbotron">
     <h2>{{ course.name }}</h2>
      <p>{{ course.description }}</p>
   </div>
   <div class="row">
     <div class="col-md-8">
        <div class="list-group">
          {% for chapter in course.chapters %}
          <a class="list-group-item" href="{{ chapter.url }}">
            <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
            <span class="course__chapter__name">{{ chapter.name }}?{{ chapter.vedio_duration }}?</span>
          </a>
          {% endfor %}
        </div>
     </div>
      <div class="col-md-4">
        <h4>课程教师</h4>
        <div class="media">
          <div class="media-left">
            <a href="{{ url_for('user.index', username=course.author.username) }}">
              <img class="media-object" src="" alt="64x64">
            </a>
          </div>
          <div class="media-body">
            <a href="{{ url_for('user.index', username=course.author.username) }}">
              <h4 class="media-heading">{{ course.author.username }}</h4>
            </a>
            {{ course.author.job }}
          </div>
        </div>
      </div>
   </div>
{% endblock %}
